<template>
  <router-view />
  <showAlert />
</template>
<script setup lang="ts">
  import showAlert from './components/ShowAlert/index.vue';
  // 给html动态设置font-size，用于下级rem
  const resizeRem = () => {
    let width = document.body.clientWidth;
    let val = (100 / 1920) * width;
    document.getElementsByTagName('html')[0].style.fontSize = val + 'px';
  };
  resizeRem();
  window.addEventListener('resize', resizeRem);
</script>

<style>
  #app {
    /* font-family: Avenir, Helvetica, Arial, sans-serif; */
    font-family: AlibabaPuHuiTiR, Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    background-color: var(--color-bg-1);
    height: 100%;
  }
</style>
